﻿@model FriendlyURL.Web.UI.Models.ChangePasswordModel

@{
    ViewBag.Title = "Change Password";
    ViewBag.Styles =
      @"body {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
      }

      .form-changePassword {
        max-width: 400px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-changePassword .form-changePassword-heading,
      .form-changePassword .checkbox {
        margin-bottom: 10px;
      }
      .form-changePassword input[type='text'], 
      .form-changePassword input[type='password'] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }";    
}
<section class="content">
    <br />
    <br />

    <div class="container">
        @Html.ValidationSummary(true, "Password change was unsuccessful. Please correct the errors and try again.", new { @class = "alert alert-error" })
        
        @using (Html.BeginForm("ChangePassword", "Account", FormMethod.Post, new { @class="form-changePassword"})) {
           
        
            <h2>Change Password</h2>
            <h6>New passwords are required to be a minimum of @Membership.MinRequiredPasswordLength characters in length.</h6>
            <div>
                @Html.LabelFor(m => m.OldPassword)
                @Html.PasswordFor(m => m.OldPassword, new { @class = "input-block-level", placeholder = "Old Password" })
                @Html.ValidationMessageFor(m => m.OldPassword)
            </div>

            <div>
                @Html.LabelFor(m => m.NewPassword)
                @Html.PasswordFor(m => m.NewPassword, new { @class = "input-block-level", placeholder = "New Password" })
                @Html.ValidationMessageFor(m => m.NewPassword)
            </div>

            <div>
                @Html.LabelFor(m => m.ConfirmPassword)
                @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "input-block-level", placeholder = "Confirm Password" })
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
            </div>

            <button class="btn btn-large btn-primary" type="submit">Change Password</button>
        }
    </div><!-- /container -->
</section>

<section class="scripts">

</section>